<template>
 <div>
     <swiper class="swiper1">
         <swiper-item v-for="item in topImages" :key="item">
             <img :src="item" alt="">
         </swiper-item>·
     </swiper>
 </div>
</template>

<script>
import {Swiper,SwiperItem} from '@/components/common/swiper'

 export default {
   data () {
     return {

     }
   },
   components: {
       Swiper,
       SwiperItem
   },
   props: {
       topImages: {
           type: Array,
           default() {
               return []
           }
       }
   },
   created() {

   },
   methods: {

   }
 }
</script>

<style scoped>
.swiper1 {
    height: 300px;
    overflow: hidden;
}

</style>
